.wrapper{width:100%;display:block;min-width:320px}
.main{margin:0 auto}
#wrap{position:relative;min-height:100%;overflow:hidden}
#pages{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}
.page{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:none}
.nav_index{position:fixed;left:35px;top:0;height:100%;z-index:60;display:table;vertical-align:middle}
.nav_index>div{display:table-cell;vertical-align:middle}
.nav_index>div>span{display:block;width:9px;height:9px;margin:8px 0;background:#fff;border-radius:3px;cursor:pointer;-ms-transition:background-color .6s linear;-webkit-transition:background-color .6s linear;-moz-transition:background-color .6s linear;transition:background-color .6s linear}
.nav_index>div>span.active{background:#ea5006}
@media screen and (max-width:767px){.nav_index{left:10px}
.nav_index>div>span{width:5px;height:5px;margin:3px 0}
}
.page1{background:#000}
.slide{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.slide>div{position:relative;overflow:hidden;}
.slide>div>.bgs{width:100%;height:100%;position:absolute;z-index:1;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;-webkit-transition:all 3s ease-out;-moz-transition:all 3s ease-out;-ms-transition:all 3s ease-out;transition:all 3s ease-out}
.current .slide>div.current .bgs{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.index_inner .solgan h3{font-family:'Titillium-Regular';font-size:30px;color:#ea5106;margin:-200px auto 20px auto;position:relative;opacity:0;font-weight:400;}
.index_inner .solgan h3:after{content:"";height:3px;width:75px;background:#ea5106;display:block;margin:20px auto 0 auto;}
.index_inner .solgan h2{color:#fff;font-size:46px;font-weight:700;position:relative;opacity:0}
.current .slide .current .solgan h2{-webkit-animation:fadeInDown ease .4s forwards .2s;-moz-animation:fadeInDown ease .4s forwards .2s;-ms-animation:fadeInDown ease .4s forwards .2s;animation:fadeInDown ease .4s forwards .2s}
.current .slide .current .solgan h3{-webkit-animation:fadeInDown ease .4s forwards;-moz-animation:fadeInDown ease .4s forwards;-ms-animation:fadeInDown ease .4s forwards;animation:fadeInDown ease .4s forwards}
.index_nav ul{margin:200px auto 0 auto;display:inline-block}
.index_nav ul li{float:left;width:76px;height:76px;cursor:pointer}
.index_nav ul li:nth-child(2),.index_nav ul li:nth-child(4){margin:60px -20px 0 -20px}
.index_nav ul li a{overflow:hidden;width:100%;height:100%;display:block;position:relative;border:2px solid #fff;border-radius:5px;

    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
        -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;

	-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background .2s ease-out,border-color .2s ease-out;-moz-transition:background .2s ease-out,border-color .2s ease-out;-ms-transition:background .2s ease-out,border-color .2s ease-out;transition:background .2s ease-out,border-color .2s ease-out}
.index_nav ul li a:after{background:#ea5106;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:5px;display:block;content:"";

    -webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg);
    opacity: 0;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-ms-transition:all .2s ease-out;
transition:all .2s ease-out

}
.index_nav ul li a:hover{border-color:transparent}
.index_nav ul li a:hover::after{opacity: 1;	-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}



.index_nav ul li i{position:absolute;left:0;top:0;width:76px;height:76px;font-size:46px;text-align:center;line-height:76px;display:block;color:#fff;z-index:1;opacity:1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;transition:opacity .2s ease-out}
.index_nav ul li a:hover i{opacity:0}
.index_nav ul li span{width:76px;height:76px;display:block;position:absolute;left:0;top:0;z-index:2;font-size:20px;font-weight:700;text-align:center;line-height:76px;color:#fff;opacity:0;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;transition:opacity .2s ease-out;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.index_nav ul li a:hover span{opacity:1}
.arrow{width:42px;height:42px;position:absolute;bottom:30px;left:50%;margin-left:-21px;z-index:3; opacity: 0;

}
.arrow span{width:42px;height:42px;border-radius:5px;display:block;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);background:#ea5106}
.arrow i{color:#fff;font-size:20px;position:absolute;left:0;top:0;width:42px;height:42px;text-align:center;line-height:42px}
.current .arrow{-webkit-animation:arrow ease 2s infinite .4s;-moz-animation:arrow ease 2s infinite .4s;-ms-animation:arrow ease 2s infinite .4s;animation:arrow ease 2s infinite .4s}
.page2 .arrow,
.page3 .arrow,
.page4 .arrow,
.page5 .arrow{ display: none; }


@media screen and (min-width:768px) and (max-width:1366px){
.arrow{ width: 34px; height: 34px; margin-left: -17px; }
.arrow span{width:34px;height:34px;}
.arrow i{width:34px;height:34px; line-height: 34px;}
}
@media screen and (max-width:767px){
.page2 .arrow,
.page3 .arrow,
.page4 .arrow,
.page5 .arrow{ display: block; bottom: 10px; }

.arrow{ width: 28px; height: 28px; margin-left: -14px; }
.arrow span{width:28px;height:28px;}
.arrow i{width:28px;height:28px; line-height: 28px; font-size: 16px;}

.index_nav ul li:nth-child(2),.index_nav ul li:nth-child(4){margin:40px -14px 0 -14px}
.index_nav ul li{float:left;width:56px;height:56px;cursor:pointer}
.index_nav ul li span{width:56px;height:56px; line-height: 56px; font-size: 14px; font-weight: normal;}
.index_nav ul li i{ width: 56px; height: 56px; font-size: 30px; line-height: 56px; }

}
@media screen and ( max-height: 400px)  and ( max-width: 767px) {

.arrow{ bottom: 10px; }
    
}


.page1 .index_inner{ pointer-events: none; }
#index_nav{ pointer-events: auto; }

.index_nav ul li{opacity:0}
.current .index_nav ul li{opacity:1}
.current .index_nav ul li:nth-child(1){-webkit-animation:bounceIn .6s ease-out both;-moz-animation:bounceIn .6s ease-out both;-ms-animation:bounceIn .6s ease-out both;animation:bounceIn .6s ease-out both}
.current .index_nav ul li:nth-child(2){-webkit-animation:bounceIn .6s .2s ease-out both;-moz-animation:bounceIn .6s .2s ease-out both;-ms-animation:bounceIn .6s .2s ease-out both;animation:bounceIn .6s .2s ease-out both}
.current .index_nav ul li:nth-child(3){-webkit-animation:bounceIn .6s .4s ease-out both;-moz-animation:bounceIn .6s .4s ease-out both;-ms-animation:bounceIn .6s .4s ease-out both;animation:bounceIn .6s .4s ease-out both}
.current .index_nav ul li:nth-child(4){-webkit-animation:bounceIn .6s .6s ease-out both;-moz-animation:bounceIn .6s .6s ease-out both;-ms-animation:bounceIn .6s .6s ease-out both;animation:bounceIn .6s .6s ease-out both}
.current .index_nav ul li:nth-child(5){-webkit-animation:bounceIn .6s .8s ease-out both;-moz-animation:bounceIn .6s .8s ease-out both;-ms-animation:bounceIn .6s .8s ease-out both;animation:bounceIn .6s .8s ease-out both}
@media screen and (min-width:768px) and (max-width:1366px){.index_inner .solgan h3{font-size:26px;margin:-180px auto 10px auto}
.index_inner .solgan h3:after{height:2px;width:60px}
.index_inner .solgan h2{font-size:40px}
}
@media screen and (max-width:767px){.index_inner .solgan h3{font-size:14px;margin:60px auto 10px auto}
.index_inner .solgan h3:after{height:2px;width:50px;margin:10px auto 0 auto}
.index_inner .solgan h2{font-size:18px; font-weight: 400; line-height: 1.4;}
}
@media screen and (max-width:767px) and (min-height: 401px;){
.index_nav ul{margin:230px auto 0 auto}
}
@media screen and (max-height:400px)  and ( max-width: 767px) {
.index_nav ul{ margin: 160px auto 0 auto; }
}
.page2{background:url(../img/index/about.jpg) center center no-repeat;background-size:cover}
.about_box{text-align:center;position:relative}
.about_box>div{min-height:300px;padding-top:48%;width:30%;margin:0 10px;display:inline-block;position:relative;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);-moz-transform:translateY(100px);transform:translateY(100px);-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out;opacity:0}
.about_box>div:nth-child(2){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s}
.about_box>div:nth-child(3){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}
.current .about_box>div{opacity:1;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.cont{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform;transition:box-shadow .3s ease;box-shadow:0 10px 30px transparent;min-height:300px}
.cont.hover-in{-webkit-transition:-webkit-transform .2s ease-out;-moz-transition:-moz-transform .2s ease-out;-ms-transition:-ms-transform .2s ease-out;transition:transform .2s ease-out}
.cont.hover-out{-webkit-transition:-webkit-transform .2s ease-in;-moz-transition:-moz-transform .2s ease-in;-ms-transition:-ms-transform .2s ease-in;transition:transform .2s ease-in}
.card:hover .cont{box-shadow:0 10px 30px rgba(0,0,0,.4)}
.card_image{z-index:1;display:block;position:relative;width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-size:cover;background-position:center center;background-color:#000;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.card_image:after{content:" ";width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.4));transition:opacity .3s ease;opacity:0}
.card:hover .card_image{background-color:#222}
.card_detail{ z-index:2;position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;-webkit-transform:translateZ(30px);-moz-transform:translateZ(30px);-ms-transform:translateZ(30px);transform:translateZ(30px)}
.card_detail a{display:block;width:100%;height:100%;text-decoration:none;overflow:hidden}
.card_detail .text{padding:36px 26px 30px 36px;position:absolute;bottom:0;left:0;right:0;text-align:left}
.card_detail h3{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px 0;line-height:1.4}
.card_detail p{font-size:14px;color:#c3c3c3;line-height:1.6;padding:5px 0 5px 0}
.card_detail p.line{border-bottom:1px solid #c3c3c3}
.card_detail .icon{font-size:70px;color:#fff;position:absolute;left:40px;top:50px;line-height:1}
@media screen and (min-width:768px) and (max-width:1366px){.about_box>div{padding-top:36%}
.card_detail h3{font-size:20px}
.card_detail p{font-size:12px;line-height:1.6;padding:3px 0 3px 0}
.card_detail .icon{font-size:60px}
.card_detail .text{padding:0 30px 20px 30px}
}
@media screen and (max-width:767px){.about_box>div{width:90%;padding-top:0;margin:0 auto 10px auto;min-height:10px}
.cont{min-height:10px}
.card_detail,.card_detail .icon,.card_detail .text,.cont{position:relative;left:auto;top:auto;right:auto;bottom:auto;display:block}
.card_detail{-webkit-transform:translateZ(10px);-moz-transform:translateZ(10px);-ms-transform:translateZ(10px);transform:translateZ(10px)}
.card_detail .icon{margin:20px 0 10px 20px;text-align:left}
.card_detail .text{padding:0 20px 10px 20px}
.card_detail h3{font-size:16px;margin-bottom:2px}
.card_detail p{font-size:12px;line-height:1.6;padding:5px 0 5px 0}
.card_detail .icon{font-size:40px}
}

@media screen and (min-height:401px) and (max-height: 500px)  and ( max-width: 767px) {
        .card_detail .icon{ font-size: 30px; }
        .card_detail p.line{ display: none; }
}

@media screen and (max-height: 400px)  and ( max-width: 767px) {
    .card_detail a{ text-align: left; }
        .card_detail .icon{ font-size: 30px; line-height: 40px; margin: 10px !important; display: inline-block; vertical-align: top;}
        .card_detail .text{ display: inline-block; line-height: 40px; margin: 10px; padding: 0 !important; vertical-align:top; }
        .card_detail .text h3{ line-height: 40px; }
        .card_detail p{ display: none; }
}

@media screen and (max-height:1200px) and (-webkit-min-device-pixel-ratio:2){
.card_detail{-webkit-transform: none;
-ms-transform: none;
-moz-transform: none;
transform: none;}
.card_detail .icon{margin:16px 0 0 16px}
.card_detail .text{padding:5px 16px 10px 16px;}
.card_detail p{font-size:10px;line-height:1.4;padding:3px 0 3px 0}
.card_detail p{line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}
.page3{background:url(../img/index/case.jpg) center center no-repeat;background-size:cover}
.case_box{position:relative}
.case_box .case_slide{padding-top:28%;position:relative;overflow:hidden;transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out;opacity:0}
.current .case_box .case_slide{opacity:1;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.case_box .case_slide>div{position:absolute;width:100%;height:80%;top:0;left:0}
.case_box .case_slide .slide_item{width:25%;height:100%;float:left;position:relative}
.case_box .case_slide a{background-position:center center;background-repeat:no-repeat;background-size:cover; display: block; position: absolute; left: 1px; right: 1px; top: 0px; bottom: 0px; }
.case_box .case_slide a>div{position:absolute;left:20px;top:20px;right:20px;bottom:20px;background:#dd530f;background:rgba(213,75,7,.9);overflow:hidden;opacity:0;pointer-events:none;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.case_box .case_slide a>div>span{display:table;width:100%;height:100%;vertical-align:middle;text-align:center}
.case_box .case_slide a>div>span>span{display:table-cell;vertical-align:middle;text-align:center}
.case_box .case_slide a p.type{font-size:14px;color:rgba(255,255,255,.8);text-align:center}
.case_box .case_slide a h3{font-size:26px;font-weight:700;line-height:1;color:#fff;margin:20px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.case_box .case_slide a p.more{font-size:16px;color:#fff;position:relative}
.case_box .case_slide a p.more:after{content:"";width:68px;margin-left:-34px;left:50%;top:100%;position:absolute;border-bottom:2px solid #fff;height:2px}
.case_box .case_slide a:hover>div{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.case_box .arr{text-align:center;margin-top:20px}
.case_box .arr>div{width:40px;height:40px;border-radius:5px;position:relative;border:1px solid #fff;cursor:pointer;display:inline-block;margin:0 16px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
.case_box .arr>div i{font-size:24px;color:#fff;position:absolute;width:40px;height:40px;text-align:center;line-height:40px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);display:block}
.case_box .arr>div:hover{background:#ea5006;border-color:#ea5006}
@media screen and (min-width:768px) and (max-width:1366px){.case_box .case_slide{padding-top:42%}
.case_box .case_slide>div{height:100%}
.case_box .case_slide .slide_item{width:50%;height:50%}
.case_box .case_slide a{left: 5px; right: 5px; top: 5px; bottom: 5px;}
.case_box .case_slide a h3{margin:10px 0;font-size:20px}
.case_box .case_slide a p.more{font-size:14px}
.case_box .case_slide a p.more:after{width:58px;margin-left:-29px}
}
@media screen and (max-width:767px){.case_box .case_slide{padding-top:90%;width:94%;margin:0 auto}
.case_box .case_slide>div{height:100%}
.case_box .case_slide .slide_item{width:50%;height:33.33%}
.case_box .case_slide a{left: 3px; right: 3px; top: 3px; bottom: 3px;}
.case_box .case_slide a p.type{font-size:10px}
.case_box .case_slide a h3{margin:3px 0;font-size:14px}
.case_box .case_slide a p.more{font-size:10px}
.case_box .case_slide a p.more:after{width:40px;margin-left:-20px;border-bottom:1px solid #fff;height:1px}
}

@media screen and (max-height: 400px) and ( max-width: 767px)  {
    .case_box .case_slide{ padding-top: 60%; }
    .case_box .case_slide .slide_item{ height: 50%; }
    .case_box .case_slide a{left: 2px; right: 2px; top: 2px; bottom: 2px;}
    .case_box .case_slide a:nth-child(5),
    .case_box .case_slide a:nth-child(6){ display: none; }
}
.page4{background:#000}
.page4 .item_box>h2,.page4 .item_box>h5{display:none}
.page4 .item_box .item_bd{margin-top:0}
.custom_box{position:relative;z-index:1}
.custom_box>div{position:relative;width:90%;margin:0 auto;text-align:center}
.custom_box .item{display:inline-block;width:25%;position:relative;z-index:2;vertical-align:top;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.custom_box .item>div{position:relative;width:70%;padding-top:70%;margin:15%;cursor:pointer;background:#000;border-radius:5px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.custom_box .item>div:after{content:"";left:1px;top:1px;bottom:1px;right:1px;display:block;border:1px solid #ccc;border:1px solid rgba(255,255,255,.3);position:absolute;border-radius:5px}
.custom_box .item>div:hover{background:#ea5006;border-color:transparent;z-index:2}
.custom_box .item:nth-child(1){margin-left:12.5%}
.custom_box .item:nth-child(3){margin-right:12.5%}
.custom_box .item:nth-child(1),.custom_box .item:nth-child(2),.custom_box .item:nth-child(3){margin-bottom:-12.5%}
.custom_box .item:nth-child(10),.custom_box .item:nth-child(8),.custom_box .item:nth-child(9){margin-top:-12.5%}
.custom_box .item:nth-child(11),.custom_box .item:nth-child(12),.custom_box .item:nth-child(13){display:none}
.custom_box .item img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
.page4 .city{width:100%;padding-top:100%;background:url(../img/index/custom_city.png) 0 0 no-repeat;background-size:cover;position:absolute;left:76%;top:4%;-webkit-transform:translateX(100px);-ms-transform:translateX(100px);-moz-transform:translateX(100px);transform:translateX(100px);-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out;opacity:0}
.page4.current .city{opacity:1;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.page4 .names{width:100%;padding-top:100%;background:#ccc;border-radius:15px;position:absolute;right:109%;top:-76%;-webkit-transform:translateX(-200px) rotate(20deg);-ms-transform:translateX(-200px) rotate(20deg);-moz-transform:translateX(-200px) rotate(20deg);transform:translateX(-200px) rotate(20deg);-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out}
.page4.current .names{opacity:1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.page4 .names span{position:absolute;right:10px;top:10px;line-height:5;font-size:32px;color:#ea5106;font-weight:700;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
@media screen and (min-width:768px) and (max-width:1366px){.page4 .names span{font-size:22px}
}
@media screen and (max-width:767px){.page4 .names{display:none}
.page4 .item_box>h2,.page4 .item_box>h5{display:block}
.page4 .item_box .item_bd{margin-top:30px}
.custom_box>div{text-align:left}
.custom_box .item{width:32%}
.custom_box .item:nth-child(1){margin-left:0}
.custom_box .item:nth-child(3){margin-right:0}
.custom_box .item:nth-child(1),.custom_box .item:nth-child(2),.custom_box .item:nth-child(3){margin-bottom:0}
.custom_box .item:nth-child(10),.custom_box .item:nth-child(8),.custom_box .item:nth-child(9){margin-top:0}
.custom_box .item:nth-child(11),.custom_box .item:nth-child(12),.custom_box .item:nth-child(13){display:inline-block}
.custom_box .item{margin-top:-16%!important}
.custom_box .item:nth-child(1),.custom_box .item:nth-child(2),.custom_box .item:nth-child(3){margin-top:0!important}
.custom_box .item:nth-child(5n+1){margin-left:2%}
.custom_box .item:nth-child(5n-1){margin-left:18%}
.page4 .city{left:0;top:100%}
}
.page5{background:url(../img/index/news.jpg) center center no-repeat;background-size:cover}
.news_box{padding-top:28%;position:relative;overflow:hidden}
.news_box ul{position:absolute;left:0;top:0;width:100%;height:100%}
.news_box ul li{width:25%;height:100%;float:left;opacity:0;transform:rotateY(90deg);-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);transition:all .6s linear 0s;-webkit-transition:all .6s linear 0s;-moz-transition:all .6s linear 0s;-ms-transition:all .6s linear 0s}
.current .news_box ul li{opacity:1;transform:rotateY(0);-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0)}
.news_box ul li:nth-child(1){width:50%}
.news_box ul li a{display:block;height:100%;background:#fff;color:#000;text-align:left;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-ms-transition:background-color .2s linear;transition:background-color .2s linear;overflow:hidden;position:relative;margin:0 1px}
.news_box ul li a p{font-size:14px;margin:0 20px 0 20px;max-height:60px;overflow:hidden;line-height:20px}
.news_box ul li a .type{margin:20px 20px 16px 20px;color:#ccc;line-height:22px;height:44px;overflow:hidden}
.news_box ul li a .type span{color:#ea5106;font-weight:700;margin-right:20px}
.news_box ul li a .title{font-size:18px;font-weight:700;margin:0 20px 16px 20px;line-height:24px;height:48px;overflow:hidden}
.news_box ul li a .more{position:absolute;bottom:20px;left:20px;right:20px;border-top:1px solid #dbdbdb;text-align:right;padding-top:6px;margin:0;-webkit-transition:border-color .2s linear;-moz-transition:border-color .2s linear;-ms-transition:border-color .2s linear;transition:border-color .2s linear}
.news_box ul li a .more i{display:inline-block;vertical-align:top;color:#ea5106}
.news_box ul li a:hover{background:#000;text-decoration:none;color:#636363}
.news_box ul li a:hover .more{border-top-color:#454545}
@media screen and (min-width:1200px) and (max-width:1367px){.news_box{padding-top:30%}
}
@media screen and (min-width:992px) and (max-width:1199px){.news_box{padding-top:34%}
}
@media screen and (min-width:768px) and (max-width:991px){.news_box{padding-top:46%}
.news_box ul li a .type span{display:block}
}
@media screen and (max-width:767px){.news_box{padding-top:0;width:94%;margin:0 auto}
.news_box ul{position:relative}
.news_box ul li{width:100%!important}
.news_box ul li a{margin:0 0 5px 0}
.news_box ul li a p{font-size:12px;margin:0 10px 0 10px;max-height:40px;overflow:hidden;line-height:20px}
.news_box ul li a .type{margin:10px 10px 5px 10px;color:#ccc;line-height:22px;height:22px;overflow:hidden;font-size:10px}
.news_box ul li a .title{font-size:14px;margin:0 10px 5px 10px;line-height:20px;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news_box ul li a .more{position:static;margin:5px 10px 10px 10px}
}
@media screen and (max-height: 558px)  and ( max-width: 767px) {
.news_box ul li a p{font-size:12px;margin:0 10px 0 10px;max-height:20px;overflow:hidden;line-height:20px}
}
@media screen and (max-height: 500px) and ( max-width: 767px)  {
.news_box ul li:nth-child(3){ display: none; }
.news_box ul li a p.more{ display: none; }
}
.page6{background:url(../img/index/contact.jpg) center center no-repeat;background-size:cover}
.page6 .index_inner{display:block}
.page6 .index_inner .index_box{width:100%;height:100%;display:block;overflow:hidden}
.page6 .index_inner .item_box h2{margin-top:180px}
.page6 .index_inner .container-fluid{padding:0}
.contact_box{position:absolute;top:263px;bottom:0;left:0;right:0;overflow:hidden;background:#ea5106;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);-moz-transform:translateY(100px);transform:translateY(100px);-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out;opacity:0}
.current .contact_box{opacity:1;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.contact_box>ul{height:100%}
.contact_box>ul>li{float:left;width:50%;height:100%}
.contact_box>ul>li>div{height:100%;background:#fff;position:relative}
.contact_box>ul>li:nth-child(1)>div{margin:0 1px 0 0}
.contact_box>ul>li:nth-child(2)>div{margin:0 0 0 1px}
.contact_box>ul>li>div .contact{height:50%;position:absolute;top:0;left:0;width:100%}
.contact_box>ul>li>div .contact>div{display:table;vertical-align:middle;width:100%;height:100%}
.contact_box>ul>li>div .contact ul{display:table-cell;vertical-align:middle}
.contact_box>ul>li>div .contact ul li{float:right;width:40%;margin:10px 0;text-align:center;position:relative}
.contact_box>ul>li>div .contact ul li .icon{border:1px solid #ccc;color:#ccc;border-radius:5px;font-size:30px;padding:6px;display:inline-block;vertical-align:top;margin-right:10px}
.contact_box>ul>li>div .contact ul li .text{display:inline-block;vertical-align:top;width:200px;text-align:left}
.contact_box>ul>li>div .contact ul li p{font-size:14px;color:#6a6a6a;line-height:24px;white-space:nowrap}
.contact_box>ul>li>div .contact ul li p.num{font-size:16px}
.contact_box>ul>li>div .contact ul li p.tips{line-height:20px;font-size:12px;color:#999}
.contact_box>ul>li>div .solgan{height:50%;position:absolute;top:50%;left:0;width:100%;background:url(../img/index/contact_solgan.jpg) center center no-repeat;background-size:cover}
.contact_box>ul>li>div .solgan div{display:table;vertical-align:middle;width:100%;height:100%}
.contact_box>ul>li>div .solgan div p{display:table-cell;vertical-align:middle;text-align:center;font-size:30px;font-weight:700;color:#fff}
.contact_box>ul>li>div.map{background:url(../img/index/place.jpg) center center no-repeat;background-size:cover}

@media screen and (min-width:1000px) and (max-width:1366px){
.contact_box{top:238px;}
.contact_box>ul>li>div .contact ul li{width: 50%; padding: 0 5px;}
.contact_box>ul>li>div .contact ul li .text{ width: 190px; }
}
@media screen and (min-width:768px) and (max-width:999px){
.contact_box{top:238px;}
.contact_box>ul>li>div .contact ul li{width: 50%; padding: 0 5px;}
.contact_box>ul>li>div .contact ul li .icon{ margin-right: 0; }
.contact_box>ul>li>div .contact ul li .text{width: 100%; text-align: center; }
}
@media screen and (max-width:767px){
.page6 .index_inner .item_box h2{margin-top:16px}
.contact_box{position:static;background:0 0}
.contact_box>ul>li{width:100%;float:inherit}
.contact_box>ul>li>div{margin:0!important}
.contact_box>ul>li>div .contact{position:static;height:auto}
.contact_box>ul>li>div .contact>div{display:block;overflow:hidden}
.contact_box>ul>li>div .contact>div ul{margin:10px 0;display:block}
.contact_box>ul>li>div .contact>div ul li{float:left;width:50%; text-align: left; padding-left: 10px;}
.contact_box>ul>li>div .contact ul li .icon{font-size:16px;padding:3px;margin-left:5px; margin-right: 0;}
.contact_box>ul>li>div .contact ul li .text{width:145px; margin-left: 10px;}
.contact_box>ul>li>div .contact ul li p{font-size:10px;color:#6a6a6a;line-height:14px;white-space:nowrap}
.contact_box>ul>li>div .contact ul li p.num{font-size:12px}
.contact_box>ul>li>div .solgan{position:static;height:260px}
.contact_box>ul>li>div.map{position:relative;height:500px;background-size:100% auto;background-position:top center}
}
@media screen and (max-height: 450px)  and ( max-width: 767px) {
.contact_box>ul>li>div .solgan,
.contact_box>ul>li>div .map{ display: none; }
}


 @media screen and (max-height:767px) and (-webkit-min-device-pixel-ratio:2){
    .contact_box>ul>li>div .solgan{height:160px}
}

@media screen and (max-height:767px) and (-webkit-min-device-pixel-ratio:3){.contact_box>ul>li>div .solgan{height:180px}
}
.item_box h2,
.item_box h2 a{font-size:36px;font-weight:700;color:#fff;text-align:center;margin-top:50px;}
.item_box h2 a:hover{ text-decoration: none; }
.item_box h5{text-align:center;margin-top:16px;position:relative;font-weight:400}
.item_box h5 .t{font-family:'Titillium-Regular';color:#ea5106;padding:5px 0;line-height:1;font-size:18px;display:inline-block;border-top:1px solid #ea5106;border-bottom:1px solid #ea5106;}
.item_box h5 .page_icon{width:58px;height:58px;background:#ea5106;border-radius:5px;position:absolute;bottom:-115px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);left:50%;margin-left:-29px;z-index:2}
.item_box h5 .page_icon:before{color:#000;font-size:36px;display:block;text-align:center;width:58px;height:58px;line-height:58px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.item_bd{margin-top:85px}
.index_inner{display:table;vertical-align:middle;text-align:center;width:100%;height:100%;position:relative;z-index:3}
.index_inner .index_box{display:table-cell;vertical-align:middle;text-align:center}
.item_box h2{-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);-moz-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition:all .3s .2s ease-out;-moz-transition:all .3s .2s ease-out;-ms-transition:all .3s .2s ease-out;transition:all .3s .2s ease-out;opacity:0}
.current .item_box h2{opacity:1;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.item_box h5{-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);-moz-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;opacity:0}
.current .item_box h5{opacity:1;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.item_box h5 .page_icon{opacity:0;-webkit-transition:opacity .6s .3s ease-out;-moz-transition:opacity .6s .3s ease-out;-ms-transition:opacity .6s .3s ease-out;transition:opacity .6s .3s ease-out}
.current .item_box h5 .page_icon{opacity:1}
@media screen and (min-width:768px) and (max-width:1366px){.item_bd{margin-top:50px}
.item_box h2{font-size:26px}
.item_box h5{text-align:center;margin-top:12px}
.item_box h5 .t{padding:3px 0;font-size:12px}
.item_box h5 .page_icon{width:40px;height:40px;bottom:-70px;margin-left:-20px}
.item_box h5 .page_icon:before{width:40px;height:40px;line-height:40px;font-size:28px}
}
@media screen and (max-width:767px){.item_bd{margin-top:16px}
.index_inner{display:block;vertical-align:top;text-align:center;width:100%;padding-top:50px;height:auto;position:relative;z-index:3}
.index_inner .index_box{display:block;vertical-align:top;text-align:center}
.item_box h2{font-size:18px;font-weight:700;color:#fff;text-align:center;margin-top:16px}
.item_box h5{text-align:center;margin-top:6px}
.item_box h5 .t{color:#ea5106;padding:2px 0;font-size:8px}
.item_box h5 .page_icon{display:none}
}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-30px)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@-ms-keyframes fadeInDown{0%{opacity:0;-ms-transform:translateY(-30px)}
100%{opacity:1;-ms-transform:translateY(0)}
}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}
100%{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes arrow{0%,100%{opacity:0;-webkit-transform:translateY(-20px)}
50%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes arrow{0%,100%{opacity:0;-moz-transform:translateY(-20px)}
50%{opacity:1;-moz-transform:translateY(0)}
}
@-ms-keyframes arrow{0%,100%{opacity:0;-ms-transform:translateY(-20px)}
50%{opacity:1;-ms-transform:translateY(0)}
}
@keyframes arrow{0%,100%{opacity:0;transform:translateY(-20px)}
50%{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);-moz-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);-moz-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-moz-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);-moz-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-moz-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);-moz-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);-moz-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-moz-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);-moz-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-ms-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);-moz-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);-moz-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-moz-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);-moz-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);-moz-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);-moz-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-moz-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);-moz-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}

@media screen and ( max-height: 400px) and ( max-width: 767px) {


@-webkit-keyframes arrow{0%,100%{opacity:0;-webkit-transform:translateY(-10px)}
50%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes arrow{0%,100%{opacity:0;-moz-transform:translateY(-10px)}
50%{opacity:1;-moz-transform:translateY(0)}
}
@-ms-keyframes arrow{0%,100%{opacity:0;-ms-transform:translateY(-10px)}
50%{opacity:1;-ms-transform:translateY(0)}
}
@keyframes arrow{0%,100%{opacity:0;transform:translateY(-10px)}
50%{opacity:1;transform:translateY(0)}
}
    
}